@accentColorShift: #333;

@primaryColor: #006295;
@primaryColorLight: @primaryColor + @accentColorShift;
@primaryColorDark: @primaryColor - @accentColorShift;

@secondaryColor1: #999;
@secondaryColor1Light:  @secondaryColor1 + @accentColorShift;
@secondaryColor1Dark: @secondaryColor1 - @accentColorShift;

@errorTextColor: #C43;
@notificationTextColor: #7CE700;

@textColor: @secondaryColor1Dark;
@textBackgroundColor: #fff;

@baseFontSize: 10pt;

@contentFontStack: Calibri, Helvetica, Arial, sans-serif;

@headingFontStack: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;

@wrapperWidth: 70em;
@sidebarWidth: 15em;
@contentWrapperWidth: 70em;
@contentWidth: 53em;

.rounded-corners (@radius: 3px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

h1 {
    font-family: @headingFontStack;
    font-size: 1.8em;
    color: @primaryColor;
    a {
        color: @primaryColor;
    }
}

textarea, input, select {
    font-family: @contentFontStack;
    font-size: @baseFontSize;
    padding: 0.3em;
}

body {
    font-family: @contentFontStack;
    font-size: @baseFontSize;
    background-color: @textBackgroundColor;
    margin: 0px;
    padding: 0px;
    color: @textColor;

    #wrapper {
        margin-left: auto;
        margin-right: auto;
        width: @wrapperWidth;

        #header {
            img {
                
            }
            h1 {
                margin-top: 1.5em;
                margin-bottom: 0.8em;
                a {
                    color: inherit;
                    text-decoration: none;
                }
            }
            #header-navigation{
                clear: both;
                text-align: right;
                width: 100%;
                border-bottom-width: 3px;
                border-bottom-style: solid;
                border-bottom-color: @primaryColorLight;
                padding-bottom: 0.5em;
              
                
                .navigation-list {
                    display: block;
                    list-style: none;
                    
                    margin: 0;
                    padding: 0;
                    li {
                        /*float: left;*/
                        display: inline;
            
                        padding-left: 0.5em;
                        padding-right: 0.5em;
                        .quick-search-form {
                            margin: 0;
                            padding: 0;
                            display: inline;
                        }
                     }
                }
            }
            
        }

        #content-wrapper {
            clear: left;
            width: @contentWrapperWidth;
            margin-left: auto;
            margin-right: auto;
            #sidebar {
                padding-top: 0.5em;
                width: @sidebarWidth;
                float: left;

                .sidebar-block {
                    margin-right: 2em;
                    margin-top: 1.5em;
                    font-size: 0.9em;

                    .sidebar-block-header {
                        font-weight: bold;
                    }

                    .navigation-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }
                }

            }

            #content {
                float: left;
                width: @contentWidth;
                h1 {
                    color: @primaryColor;
                    font-size: 1.4em;
                    padding-top: 1em;
                    padding-bottom: 0.5em;
                }

                h2 {
                    background-color: @secondaryColor1Light;
                    color: @secondaryColor1Dark;
                    font-size: 1em;
                    font-weight: bold;
                    padding: 0.3em;
                }

                h3 {
                    font-size : 1em;
                    font-weight: bold;
                    padding-top: 0.5em;
                }
            }
        }

        #footer {
            background-color: @secondaryColor1Dark;
            color: @secondaryColor1Light;
            clear: both;
            font-size: 0.8em;

            margin-top: 1em;
            margin-left: 0em;
            margin-right: 0;
            margin-bottom: 0;
            padding: 2em;
            overflow: hidden;
            h2, h1 {
                color: @secondaryColor1Light;
            }
            .footer-block {
                clear: none;
                float: right;
                width: @sidebarWidth;
            }
        }
    }
}

.collection-list-view {
    ul {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
        li {
            width: 100%;
            max-width: 100%;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
            word-break: break-all;
            white-space: normal;
        }
    }
}

.error_list {
    list-style: none;
    color: @errorTextColor;
}